📦 Bundle size

Full ESM build, minified and gzipped.

🌳 Bundle size after tree-shaking

Minimal build including a renderer, camera, empty scene, and dependencies.

It looks better but we can still see a point between segmentation

I had to modify LineGeometry to fix the fact the segment were over each others..

also updated the demo

@Mugen87 let me know what you think of it, i didn't see bad side effects

Wide line materials do not support alpha because of the resulting artifacts, see #23680.

I'm not familiar enough with the wide line implementation so I hope @WestLangley or @gkjohnson can have a look at this PR.

Please test with wider lines and fewer points so you can see the artifacts. The segmented colors look like a previous issue.

Setting transparent to true, it looks pretty much the same for me. ???

Setting transparent to true, it looks pretty much the same for me. ???

Without something like a stencil test (see #23680 (comment)) it won't be possible to avoid these artifacts. Even with the pre-depth / stencil test, though, overlapping lines won't display correctly which would be even more noticeable with per-line opacity.

I don't have strong opinions on this other than it won't look right or work "out of the box" in the connected line segments case - this can be useful for users who know how to work around it, though. Separated line segments should look okay, as well. With more control over render order or ability to render an object with two passes in three.js it would be more possible to make a variant of this that "just works" (overlapping aside).

I wonder if something like a compute shader rasterizer or some custom per-segment depth adjustment could help with the artifacts.

@WestLangley Edit : My bad it still not working, i didnt see than i remove transparent: true from the material.

More complex approach like suggest by @gkjohnson might be necessary for it ?
Or we can add to the vertex the info about the previous and next point position allowing to create the nice angle in the mesh , similar approach used here : https://github.com/pmndrs/meshline/blob/master/src/MeshLineGeometry.ts